/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

body
{
    padding: 0px;
}
.panel h2.title
{
    margin-bottom: 10px;
}
noscript div
{
    background: #ccc;
    border: 1px solid #900;
    margin: 20px 0;
    padding: 15px;
}

/* Most common stuff you'll need to change */

.coda-slider-wrapper
{
    padding: 10px 0;
    width: 948px;
}
.coda-slider
{
    background: #FFFFFF;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider
{
    height: 200px;
    overflow: auto !important;
    padding-right: 20px;
}

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel
{
    width: 948px;
}
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel
{
    width: 960px;
}
.coda-slider-wrapper.arrows .coda-slider
{
    margin: 0 0px;
}

/* Arrow styling */
.coda-nav-left a
{
    background: url(images/last_03.png) no-repeat;
    color: #79A732;
    padding: 5px;
    width: 100px;
}

.coda-nav-right a
{
    background: url(images/next_03.png) no-repeat;
    color: #79A732;
    padding: 5px;
    width: 100px;
}
/* Tab nav */

.coda-nav ul li a.current
{
    background: url(images/port-nav-selected.gif);
}

/* Panel padding */
.coda-slider .panel-wrapper
{
    padding: 0px;
    width: 948px;
}

/* Preloader */
.coda-slider p.loading
{
    padding: 20px;
    text-align: center;
}

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
#coda-nav-1
{
    background: url(images/port-nav-bg.jpg) repeat-x scroll 0 0 transparent;
    height: 28px;
    width: 800px;
    padding-left: -10px;
    width: 938px;
}
.coda-nav ul
{
    clear: both;
    display: block;
    position: absolute;
    left: 200px;
    overflow: hidden;
}
.coda-nav ul li
{
    display: inline;
    
}
.coda-nav ul li a
{
    color: #000000;
    display: block;
    float: left;
    margin-right: 1px;
    width:100px;
    padding-top:6px;
    height:20px;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    text-decoration: none;
}

/* Miscellaneous */
.coda-slider-wrapper
{
    clear: both;
    overflow: hidden;
}
.coda-slider
{
    float: left;
    overflow: hidden;
    position: relative;
}
.coda-slider .panel
{
    display: block;
    float: left;
}
.coda-slider .panel-container
{
    position: relative;
}
.coda-nav-left
{
    float: left;
    margin-top: -30px;
}
.coda-nav-right
{
    position: absolute;
    right: 16px;
    margin-top: -28px;
}
.coda-nav-left a
{
    display: block;
    text-align: center;
    text-decoration: none;
    background: url(images/last_03.png) no-repeat;
    color: #79A732;
    padding: 10px;
    width: 100px;
}

.coda-nav-right a
{
    display: block;
    text-align: center;
    text-decoration: none;
    background: url(images/next_03.png) no-repeat;
    color: #79A732;
    padding: 5px;
    width: 100px;
}
